<section class="knockout-samples">
  <div>
    <div class="col-md-2">
        <ul class="well nav nav-pills nav-stacked">
            <li class="nav-header">基本例子</li>
            
            <!--ko foreach: introSamples-->
            <li data-bind="css: { active: isActive }">
                <a data-bind="attr: { href: hash }, text: title"></a>
            </li>
            <!--/ko-->

            <li class="nav-header">详细例子</li>

            <!--ko foreach: detailedSamples-->
            <li data-bind="css: { active: isActive }">
                <a data-bind="attr: { href: hash }, text: title"></a>
            </li>
            <!--/ko-->
        </ul>
    </div>
    <div class="col-md-10" style="padding: 0">
      <!--ko router: { transition:'entrance', cacheViews:true }--><!--/ko-->
    </div>
  </div>
</section>